<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head >
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="../../../static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/toastr/toastr.min.css"/>
    <!-- http://www.bootdo.com/css/plugins/bootstrap-table/bootstrap-table.min.css -->
    <link rel="stylesheet" href="../../../static/css/plugins/jsTree/style.min.css" />
    <link rel="stylesheet" href="../../../static/css/animate.css" />
    <link rel="stylesheet" href="../../../static/css/font-awesome.css" />
    <link rel="stylesheet" href="../../../static/css/style.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/iCheck/custom.css" />
    <link rel="stylesheet" href="../../../static/css/plugins/cropper/cropper.css" />
    <link rel="stylesheet" href="../../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
    <link rel="stylesheet" href="../../../static/css/gg-bootdo.css" />
    <link rel="stylesheet" href="../../../static/js/plugins/webuploader/webuploader.css">
    <link rel="stylesheet" href="../../../static/css/layui.css" />
    <link rel="stylesheet" href="../../../static/css/proIformation.css" />
</head>
<body>
<input type="hidden" id="ciIdInput"/>
<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">项目信息</a></li>
    <li><a href="#slaTab" data-toggle="tab">SLA信息</a></li>
    <li><a href="#fileTab" data-toggle="tab">附件信息</a></li>
</ul>
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <form class="form-horizontal m-t" id="firstForm">
            <!--<input type="hidden" name="id" id="auditID"/>-->
            <!--<input type="hidden" name="flag"/>-->
            <input type="hidden" name="id" id="auditId"/>
            <input type="hidden" name="auditFlag" value="4"/>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">项目编号：</label>
                    <div class="col-sm-8">
                        <input id="projectCode" name="projectCode" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">项目名称：</label>
                    <div class="col-sm-8">
                        <input id="name" name="name" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">项目简称：</label>
                    <div class="col-sm-8">
                        <input id="projectShortName" name="projectShortName" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">合同编号：</label>
                    <div class="col-sm-8">
                        <input id="contractCode" name="contractCode" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">合同名称：</label>
                    <div class="col-sm-8">
                        <input id="contractName" name="contractName" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">合同金额：</label>
                    <div class="col-sm-8">
                        <input id="contractMoney" name="contractMoney" class="form-control" type="text" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">所属区域：</label>
                    <div class="col-sm-8">
                        <input id="areaId" name="areaId" class="hidden">
                        <input id="areaName" name="areaName" class="form-control" type="text"
                               style="cursor: pointer;" onclick="openAreaPopWin('areaId','areaName')"
                               readonly="readonly" placeholder="" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">项目经理：</label>
                    <div class="col-sm-8">
                        <input id="pm" name="pm" class="hidden">
                        <input id="pmName" name="pmName" class="form-control" type="text"
                               style="cursor: pointer;" onclick="openUserPopWin('pm','pmName',false)"
                               readonly="readonly" placeholder="" required>
                    </div>
                </div>
            <div class="form-group col-sm-6">
                <label class="col-sm-3 control-label">维保开始时间：</label>
                <div class="col-sm-8">
                    <div class="date form_datetime" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                        <input  name="startTime" id="startTime"  class="form-control" size="16" type="text" value="" readonly>
                    </div>
                </div>
            </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">人员选择：</label>
                    <div class="col-sm-8">
                        <div id="userContent" class="hidden"></div>
                        <input id="userId" name="userId" class="hidden">
                        <input id="userName" name="userName" class="form-control" type="text"
                               style="cursor: pointer;" onclick="openUserPopWin4Project('userId','userName',true)"
                               readonly="readonly" placeholder="" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">维保结束时间：</label>
                    <div class="col-sm-8">
                        <div class="date form_datetime" data-date="1979-09-16T05:25:07Z" data-date-format="dd MM yyyy - HH:ii p" data-link-field="dtp_input1">
                            <input name="endTime" id="endTime" class="form-control" size="16" type="text" value="" readonly>
                        </div>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">计划工作量：</label>
                    <div class="col-sm-8">
                        <input id="workload" name="workload" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">服务时间：</label>
                    <div class="col-sm-8">
                        <input id="serviceDays" name="serviceDays" style="width: 18%; float:left" type="text" class="form-control"><p style="float:left;">天</p>
                        <span style="font-size: 15px;margin-left: 5px;margin-right: 5px;float:left">*</span>
                        <input id="serviceHours" name="serviceHours" style="width: 18%;float:left" type="text" class="form-control"><p style="float:left">时</p>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">计划费用(元)：</label>
                    <div class="col-sm-8">
                        <input id="projectCost" name="projectCost" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">状态：</label>
                    <div class="col-sm-8">
                        <select name="status" id="status" class="form-control">
                        </select>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">最终客户：</label>
                    <div class="col-sm-8">
                        <input id="client" name="client" type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">客户：</label>
                    <div class="col-sm-8">
                        <input id="customerId" name="customerId" class="hidden">
                        <input id="customerName" name="customerName" class="form-control" type="text"
                               onclick="openCustomerPopWin('customerId','customerName',false)"
                               readonly="readonly"  placeholder="" required>
                    </div>
                </div>
                <div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">项目分类：</label>
                    <div class="col-sm-8">
                        <div>
                            <input id="proCategoryId" name="proCategoryId" class="hidden">
                            <input id="proCategoryName" name="proCategoryName" class="form-control" type="text"
                                   style="cursor: pointer;" onclick="openProCategoryPopWin('proCategoryId','proCategoryName',false)"
                                   readonly="readonly" placeholder="" required>
                        </div>
                    </div>
                </div>

            <div class="form-group">
                <div class="col-sm-12 text-center col-sm-offset-3">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <!-- <button type="button" class="btn btn-primary" onclick="thirdStepInit()">test</button> -->
                </div>
            </div>
            <div class="clearfix"></div>
        </form>
    </div>
    <div style="margin-top:10px" class="tab-pane fade" id="slaTab">
        <form class="form-horizontal m-t" id="secondForm">
        <table style="margin-bottom:30px;"  id="tab1" class="slatb" border="1" >
            <thead>
            <tr>
                <td style="text-align: center; height: 100%" colspan="5">
                    <button onclick="addSla()" style="margin-bottom: 3px;" type="button" class="btn btn-primary">添加</button>
                </td>
                <td></td>
            </tr>
            <tr>
                <td class="center">名称</td>
                <td class="center">服务响应(分)</td>
                <td class="center">服务到场(分)</td>
                <td class="center">服务解决(分)</td>
                <td class="center">服务中断(分)</td>
                <td class="center">操作</td>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
            <div class="form-group">
                <div class="col-sm-12 text-center col-sm-offset-3">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <!-- <button type="button" class="btn btn-primary" onclick="thirdStepInit()">test</button> -->
                </div>
            </div>
        </form>
    </div>
    <div class="tab-pane fade" id="fileTab">
        <form class="form-horizontal m-t" id="thirdForm">
        <div>
            <div class="cop">
                <p class="pcs">附件内容</p>
            </div>
            <div id="attachData" class="hidden">
                <input type="hidden" id="moduleInput"/>
                <input type="hidden" id="typeInput"/>
                <input type="hidden" id="serviceIdInput"/>
            </div>
            <!--用来存放文件信息-->
            <div id="uploader" class="wu-example">
                <div id="thelist" class="uploader-list" style="float:left;"></div>
                <div class="btns" style="float:left;">
                    <div id="picker" class="btn btn-success">选择文件</div>
                </div>
            </div>
        </div>
            <div class="form-group">
                <div class="col-sm-12 text-center col-sm-offset-3">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <!-- <button type="button" class="btn btn-primary" onclick="thirdStepInit()">test</button> -->
                </div>
            </div>
        </form>
    </div>
</div>
<!-- <div th:include="include :: footer"></div> -->
<script src="../../../static/js/public.js"></script>
<script src="../../../static/js/jquery.min.js?v=2.1.4"></script>
<script src="../../../static/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="../../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../../../static/js/plugins/validate/jquery.validate.min.js"></script>
<script src="../../../static/js/plugins/validate/messages_zh.min.js"></script>
<script src="../../../static/js/plugins/jsTree/jstree.min.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
<script src="../../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
<script src="../../../static/js/plugins/chosen/chosen.jquery.js"></script>
<script src="../../../static/js/plugins/layer/layer.js"></script>
<script src="../../../static/js/plugins/layer/laydate/laydate.js"></script>
<script src="../../../static/js/content.js?v=1.0.0"></script>
<script src="../../../static/js/vue.min.js"></script>
<!-- summernote -->
<script src="../../../static/js/plugins/summernote/summernote.js"></script>
<script src="../../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
<script src="../../../static/js/ajax-util.js"></script>
<script type="text/javascript" src="../../../static/js/plugins/json2form/json2form.js"></script>
<script type="text/javascript" src="../../../static/js/plugins/webuploader/webuploader.js"></script>
<script type="text/javascript" src="../../../static/js/appjs/common/util/popwin.js"></script>
<script src="../../../static/js/plugins/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="../../../static/js/appjs/smm/project/edit.js"></script>
<script type="text/javascript">
</script>
</body>
</html>
